/**
 * 目标1：验证码登录
 * 1.1 在 utils/request.js 配置 axios 请求基地址
 * 1.2 收集手机号和验证码数据
 * 1.3 基于 axios 调用验证码登录接口
 * 1.4 使用 Bootstrap 的 Alert 警告框反馈结果给用户
 */
document.querySelector('.btn').addEventListener('click', async function () {
  // * 1.2 收集手机号和验证码数据
  const form = document.querySelector('.login-form')
  const formData = serialize(form, { hush: true, empty: true })
  if (formData.mobile.length != 11) {
    myAlert(false, "请输入11位手机号")
    return
  }
  if (formData.code.length != 6) {
    myAlert(false, "请输入6位验证码")
    return
  }
  try {
    // * 1.3 基于 axios 调用验证码登录接口
    const res = await axios({
      url: '/v1_0/authorizations',
      method: 'POST',
      data: formData
    })
    // *登录成功后，保存 token 令牌字符串到本地，并跳转到内容列表页面
    localStorage.setItem('token', res.data.token)
    setTimeout(function () {
      location.href = '../content/index.html'
    }, 1500)
    // * 1.4 使用 Bootstrap 的 Alert 警告框反馈结果给用户
    myAlert(true, "登录成功")
  } catch (err) {
    console.dir(err.response.data.message);
    myAlert(false, err.response.data.message)
  }

})